Виртуальная выставка к 165-летию Банка России «Главный банк страны: история в лицах»

  • Задача

    Создать интерактивную виртуальную выставку к 165-летию Банка России на базе проекта «Библиотека Банка России», которая рассказывает историю банка от его основания до наших дней через биографии его председателей. У банка существует большое количество материалов об истории организации — документы из архивов, фондов Библиотеки Банка России и Музея Банка России. Требовалось продумать, как визуально структурировать представленный контент, оформить его в удобном формате, сделать простым в навигации и понятным для широкой аудитории

  • Клиент

    Банк России — Центральный банк Российской Федерации. Библиотека Банка России — одна из крупнейших в стране по финансовой тематике, основана в 1912 году. Фонд содержит более 350 тысяч изданий, включая редкие книги XVIII–XIX веков и современные материалы, доступные сотрудникам Банка России по всей стране

  • Что сделали

    Разработали интерактивную виртуальную выставку на базе проекта «Библиотека Банка России», объединив разрозненные архивные материалы в единую цифровую экспозицию. Продумали структуру, логику и сценарий повествования, представив историю Банка России через ключевые этапы его развития и биографии председателей. Реализовали интерфейс с уникальным визуальным и навигационным подходом для каждой эпохи, продумали UI/UX, чтобы упростить работу с большим объемом материалов и сделать историю банка понятной для широкой аудитории

Результаты

    162 000 +

    просмотров виртуальной выставки за первые полтора месяца

    73 000 +

    уникальных пользователей посетили выставку

    33

    уникальных лендинга разработано

    32

    для каждого председателя Банка России

    1

    общий, для председателей одного исторического периода

    250 +

    изображений использовано

    4

    цветовые палитры созданы для визуального разделения исторических эпох

Реализация

От текстового формата к интерактивной экспозиции

Проект начался с обсуждения формата выставки и способов подачи исторического материала. Изначально рассматривался текстовый подход, однако в ходе совместной работы стало понятно, что для такого объема и сложности контента важно упростить восприятие и выстроить более наглядную структуру

Команда QSOFT предложила дополнить текст визуальными и навигационными решениями: разбить материалы на смысловые блоки, использовать таблицы, инфографику и разные сценарии просмотра — так большой исторический массив проще читать и изучать

Единая структура вместо разрозненных архивов

Заказчик собрал материалы в единую структуру из четырех исторических периодов и определил, что и где должно быть размещено. Со стороны QSOFT мы внимательно проработали этот массив при верстке: корректно распределили большое количество ссылок, PDF-документов и архивных материалов

Каждый период визуализировали посредством временной шкалы, чтобы пользователь мог быстро перейти к нужной эпохе, а с помощью страниц-анонсов мог выбрать глубину просмотра — кратко или подробно

«Бесшовная» навигация по времени и персонам

Внутри выставки пользователь свободно перемещается между периодами и страницами председателей. По таймлайну можно перейти к конкретной дате и сразу перейти к нужному блоку биографии и событий. Дополнительно работает боковое меню, которое помогает переключаться между периодами без возврата на главную

33 страницы председателей и архивные источники

Для каждого председателя создана отдельная оформленная страница с текстом, визуалами и карточками, выстроенными по хронологии. К страницам добавили ссылки на соответствующие архивные документы из Библиотеки Банка России: их можно открыть и изучить уже на основном сайте библиотеки

Интерактивность и сценарии просмотра

Выставку спроектировали как интерактивное пространство, а не набор статичных страниц. Пользователь может последовательно изучать материал или выбирать отдельные фрагменты, перемещаясь между периодами, председателями и событиями

Анимации и интерактивные элементы помогают удерживать внимание и делают навигацию понятной, при этом не перегружая контент

Визуальная идентичность четырех эпох

Для каждого периода разработали отдельную визуальную систему: цветовые палитры (основанные на флагах) и фактурные фоны (мрамор, кожа, гранит, современные материалы). Дополнительно использовали сочетание шрифта с засечками для «книжности» и шрифта под печатную машинку для стилизации архивных документов

Визуальный ритм и подача информации

Для 33 лендингов использовали чередование разных по плотности блоков и фонов — от насыщенных до минималистичных. Это позволяет «разгружать» восприятие при работе с большим объемом текста и избегать ощущения монотонности при длительном просмотре

В отдельных элементах интерфейса применили эффект глассморфизма, чтобы визуально отделять информационные блоки от фона и улучшить читаемость, не отвлекая пользователя от основного содержания

Доступность и удобство

При разработке интерфейса учитывали требования доступности (A11Y): читаемые шрифты, достаточный контраст текста и фона, логичную навигацию и предсказуемое поведение элементов. Это делает выставку удобной для просмотра с разных устройств и позволяет комфортно работать с большим объемом текста и архивных материалов

Функционал

Главная навигация по выставке Главная навигация по выставке

Главная навигация по выставке

Пользователь попадает на стартовый экран с обзором всех исторических периодов и может выбрать интересующую эпоху одним кликом. Навигация построена так, чтобы сразу было понятно, с чего начать и куда можно двигаться дальше

Таймлайн внутри периода

Таймлайн внутри периода

В каждом периоде доступна временная шкала с ключевыми датами и событиями. Таймлайн позволяет быстро перемещаться по истории и выбирать, какие фрагменты изучать подробнее

Страницы председателей Страницы председателей

Страницы председателей

Каждый председатель Банка России представлен отдельной страницей. На ней собрана биография, ключевые события периода и связанные материалы. Страницы связаны с конкретной эпохой и логично встроены в общую хронологию выставки

Просмотр архивных материалов

Просмотр архивных материалов

К контенту привязаны архивные изображения и документы из фондов Библиотеки Банка России. Материалы открываются в интерфейсе выставки и дополняют основной рассказ, не уводя пользователя с сайта

Интерактивные элементы Интерактивные элементы

Интерактивные элементы

Реализовали интерактивные механики: поп-апы в виде архивных карточек и навигацию по историческим гербам. Они помогают просматривать дополнительные материалы и детали, при этом не перегружают основной экран и не нарушают логику просмотра

Адаптация под разные устройства Адаптация под разные устройства

Адаптация под разные устройства

Интерфейс выставки адаптирован под десктопную и мобильные версии. Навигация, таймлайны и страницы председателей корректно работают на разных экранах и в разных сценариях просмотра

Панавто

Следующий кейс
Панавто